p, div, ul, li, h1, h2, h3, h4, h5 { margin:0; padding:0; }
form { padding:0; margin:0; }
img {border:none; margin:0; padding:0;}
ul, li {list-style:none;}
.clear { clear:both; font-size:0; line-height:0; }
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
/* Conten Item */
p {line-height:18px;}
/* Normal links */
a {text-decoration:none;}
@font-face {font-family: 'FuturaLt'; src: url('FtraLt.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'FtraMd'; src: url('FtraMd.ttf') format('truetype'); font-weight: normal; font-style: normal;}

body {
    margin:0;
    padding:0;
    /*background:#f7f7f7;*/
    background:#b8e1f4;
    font-family:arial;
    font-size:12px;    
	color:#484848;
}
#wrapper{
	width:980px;
	margin:0 auto;	
}
#header{}
#logo{padding:15px 10px;float:left;width:400px;}
#header .header-right{float:right; width:400px;padding: 5px 0 0 0;text-align: right;}
#header .search-input {padding:15px 0 10px;}
#header .search-input input.keyword{background: url(../images/bg-search.gif) left center no-repeat;width:217px;height: 16px;border: 0;padding:5px;color:#ccc}
#header .search-input input.button{background: url(../images/bg-search-button.gif) right center no-repeat;width:28px;height: 26px;border: 0;text-indent: -9999px;cursor: pointer;}

#nav{background: #011a7a;height: 30px;border-radius:5px;margin:0 0 20px;}
#nav ul{padding:5px 0 0 5px;}
#nav ul li{ float:left ;padding:0 14px;}
#nav ul li a{ color:#fff;font-family: FtraMd;font-size: 14px;}
#nav ul li a:hover, #nav ul li a.active{color: #ff0;}

#topbaner{margin:0px 0 40px;}
	
#container{}
#container .col1{width:192px;float:left}

#container .col1 .box,#container .col3 .box{
    border:1px solid #c7c7c7;
    border-radius:5px;
    margin:0 0 15px 0;
}
#container .col1 .box.white,#container .col3 .box.white{
    background: #fff;
}
#container .col1 .box h3.title,#container .col3 .box h3.title{
    font-family: FtraMd;
    border-radius:5px 5px 0 0;
    padding:5px;
    font-size: 16px;
    
}
#container .col1 .box.gray h3.title,#container .col3 .box.gray h3.title{
    background: #666666;
    color:#fff;
}
#container .col1 .box.green h3.title,#container .col3 .box.green h3.title{
    background: #97c900;
    color:#fff;
}
#container .col1 .box.blue h3.title,#container .col3 .box.blue h3.title{
    background: #011a7a;
    color:#fff;
}
#container .col1 .box.gray ul.left-menu{
    padding:0 0px 10px;
}
#container .col1 .box.gray ul.left-menu li{
    padding:5px 5px 5px 10px;
    border-bottom:1px solid #e6e7ec;
}
#container .col1 .box.gray ul.left-menu li a{
    color:#000;   
    font-size:15px;
    font-family: FtraMd;
}
#container .col1 .box.gray ul.left-menu li.active,
#container .col1 .box.gray ul.left-menu li:hover{
    border-right: 3px solid #011a7a;
}
#container .col1 .box.gray ul.left-menu li.active a,
#container .col1 .box.gray ul.left-menu li a:hover{
    color:#011a7a;    
}

#container .col1 .box .jcarousel-skin-tango{
    padding:0 0 0 5px;
}
.jcarousel-next-vertical,.jcarousel-prev-vertical{
    display:none !important;
}

#container .col2{float:left;width:580px;margin:0 8px;}
#container .error-col{ width:980px; margin: 0; }
#container .col2 .box{border-radius:8px;border:1px solid #c7c7c7;background: #fff;padding:10px; margin:0 0 15px;}
#container .col2 .box .span-2{width:265px;float:left;padding:0 12px 0 0;}
#container .col2 .box .span-2 p{text-align: left;}
#container .col2 .box .title.blue{color:#011a7a;font-size: 18px;font-family: FtraMd;}
#container .col2 .box .title.blue a { color:#011a7a; }
#container .col2 .box .title.blue a:hover { color:#ff2600; }
#container .col2 .box a.readmore{padding:0 0 0 10px;color:#97c900;font-weight: bold;text-decoration: underline;}
#container .col2 .box a.readmore:hover { color:#ff2600; }
#container .col2 .box h2.title{color:#97c900;font-family: FtraMd; font-size: 20px;border-bottom:1px solid #c7c7c7;}

#container .col2 .box .services .item{width:270px;float:left;padding:10px 0 0 5px;}
#container .col2 .box .services .item a{font-family:FtraMd; font-size:14px;color:#666666}
#container .col2 .box .services .item a:hover { color:#ff2600; }
#container .col2 .box .services .item img{border:1px solid #c7c7c7;float:left;margin:0 5px 0 0;width:105px;height:105px;}

#container .col2 .box .products .group1{padding:0 0 20px;}
#container .col2 .box .products .item {width:140px;border:1px solid #c7c7c7;float:left;margin:5px 10px;background: #f0f0ef;border-radius:5px;padding:10px;}
#container .col2 .box .products .item img { width:140px; height:140px; }
#container .col2 .box .products h3{padding:10px 0 5px;}
#container .col2 .box .products .item .product-name{padding:5px 0 0 0;text-align: center; font-size: 13px; font-weight: bold;height:32px;overflow: hidden;}
#container .col2 .box .products .item .product-name a{color:#011A7A;}
#container .col2 .box .products .item .product-name a:hover { color:#ff2600; }
#container .col2 .box .products .item .hidden-product-info { display: none; }

#container .col2 .box .news {padding:10px;}
#container .col2 .box .news .item{border-bottom:1px dashed #9c9c9c;padding:15px 0 20px;}
#container .col2 .box .news .item .img{float:left;margin:0 8px 0 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); width: 150px; height: 100px;}
#container .col2 .box .news .item  h3 a{color:#011a7a;}
#container .col2 .box .news .item h3 a:hover { color:#ff2600; }
#container .col2 .box .news .item  a.readmore{float: right;margin:0 10px 0 0}
#container .col2 .box .news .item  .date{color:#011a7a;font-style: italic;padding:0 0 6px;font-size:11px;}
#container .col2 .box .news ul li{margin:0 0 0 15px;list-style: circle;}
#container .col2 .box .news.details .item{border: none;}
#container .col2 .box .news.details .other-item{}
#container .col2 .box .news.details .other-item h3{border-bottom:1px solid #c7c7c7;padding:5px 0;margin:0 0 8px;}
#container .col2 .box .news.details .other-item ul.other-news li{padding: 2px 0 4px;color:#97c900;list-style: square;}
#container .col2 .box .news.details .other-item ul.other-news li a{color:#011a7a;}
#container .col2 .box .news.details .other-item ul.other-news li a:hover{text-decoration:underline;}

#container .col2 .box.products .title{margin:0 0 15px;}
#container .col2 .box.products .item{margin-bottom:20px;}

#container .col2 .box.products .product-detail .product-image{float:left;width:205px;padding: 15px;border:1px solid #d0cfcf;background: #f0f0ef;border-radius:5px;margin:0 10px 0 0;}
#container .col2 .box.products .product-detail .product-info .name{ color:#011a7a; font-family: FtraMd; font-size:20px;}
#container .col2 .box.products .product-detail .product-info .red{ color:#fd0303; font-weight: bold;}
#container .col2 .box.products .product-detail .description {margin:30px 0 0 0;border-radius:5px;border:1px solid #d0cfcf;position: relative;}
#container .col2 .box.products .product-detail .description .title{border-radius:5px;background: #f4f4f4;border:1px solid #d0cfcf;padding:8px 30px;font-size:15px;position: absolute;top:-18px; left:10px;}
#container .col2 .box.products .product-detail .description .content{padding:30px 20px;}

#container .col2 .box .contact{padding:10px 0 0;}
#container .col2 .box .contact .info{text-align: left;padding:10px 0 0 0px;width:285px;float:left}
#container .col2 .box .contact .info ul{padding:5px 0 10px;}
#container .col2 .box .contact .info ul li{margin:0 0 0 15px;list-style: circle;}
#container .col2 .box .contact .contact-form td{padding:0;}

#container .col3{width:192px;float:left;}
#container .col3 .table-info{ width: 190px; }
#container .col3 .table-info td{padding:3px 2px;border-top:1px solid #e7e7e7;border-left:1px solid #e7e7e7;}
#container .col3 .table-info tr.odd{background: #fff;}
#container .col3 .table-info td.name { width: 30px; }
#container .col3 .table-info td.name span { font-weight: bold; }
#container .col3 .table-info td.buy, #container .col3 .table-info td.sell { width: 80px; }

#container .col3 .latest-new {}
#container .col3 .latest-new li{padding:5px;border-bottom:1px solid #e6e7ec;}
#container .col3 .latest-new li img{margin:0 5px 0 0;border:1px solid #c7c7c7;float:left;width:50px;height:50px;}
#container .col3 .latest-new li a{color:#666;}
#container .col3 .latest-new li a:hover{color:#011A7A;}

#container .col3 .online-support {padding:5px 0;}
#container .col3 .online-support td{padding:5px;}
#container .col3 .online-support td.hotline{color:#90c031; font-size:15px; font-family:FtraMd;padding:0 0 0 45px;}
#container .col3 .online-support td.hotline.mobile{background: url(../images/mobile-green.jpg) 25px center no-repeat;}

#container .col3 .statistics{padding:5px 0;text-align: center;}

#footer{background: #666666;color:#fff;}
#footer .wrap{width:1060px;margin:0 auto; padding:15px 0 20px;}
#footer .wrap .info{width:480px; float:left;}
#footer .wrap .footer-nav{width:580px; float:left;text-align: right;}
#footer .wrap .footer-nav ul li {display: inline-block; padding:0 5px;}
#footer .wrap .footer-nav ul li a{color:#fff;font-size:13px;}

.errorMessage { color: #f00; }
/* contact form */
.contact-form .textbground { width:250px; }
div.successMessage { border: 2px solid #0C0; padding: 7px 7px 12px 7px; margin: 20px 0; background: #EFE; font-size: 0.9em; }
/* pager */
.pager { text-align: center; }
/* document */
.documents .extra { margin-top: 5px; }
/* partners */
.partners .website { margin: 10px 0px 10px 0px; }
.partners .website a { color: #ff2600; font-weight: bold; }
.partners .website a:hover { color: #4cb848; }
.partners .item h3.name { color: #011a7a; }
/* search */
img.searching-loader { border: none; width: 50px; height: 50px; display: block; margin: 10px auto; }